<template>
  <div class="helpcenter">
    <div class="help-banner">
      <el-carousel height="190px" :interval="6000">
        <el-carousel-item v-for="item in bannerList" :key="item" :class="item">
        </el-carousel-item>
      </el-carousel>
    </div>
    <div class="rows">
      <div class="side1">
           <div class="help-menu">
               <div class="tit">帮助中心</div>
               <div class="help-nav bd1">
                   <ul>
                     <li><a href=""><span class="un40">注册问题</span></a></li>
                       <li><a href=""><span class="un41">网上缴费</span></a></li>
                       <li><a href=""><span class="un42">微信缴费</span></a></li>
                       <li><a href=""><span class="un45">APP缴费</span></a></li>
                       <li><a href=""><span class="un44">常见问题</span></a></li>
                       <li><a href=""><span class="un46">供热企业电话</span></a></li>
                       <li><a href=""><span class="un50">快票儿</span></a></li>
                   </ul>
               </div>
           </div>
           <div class="side-ad">
               <a href=""><img src="http://static.heatingpay.com/img/sad1.jpg" alt="" ></a>
               <a href=""><img src="http://static.heatingpay.com/img/sad2.jpg" alt=""></a>
           </div>
       </div>
       <div class="main">
         <router-view></router-view>
       </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'helpcenter',
  data(){
    return{
        bannerList: ["pc-help-banner pc-help-banner1", "pc-help-banner pc-help-banner2"]
    }
  }
}
</script>
